/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(../fonts/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local('Oswald Regular'), local('Oswald-Regular'), url(../fonts/BObL_3V2WX-YniTOi4CsnvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
.phpcod
{
	font-size:1px;
}
.porsi
{
	color:#fff;
}
.formulario
{
	position:relative;
	top:0px;
	left:0px;
	width:1200px;
	height:auto;
}
.cuadro
{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
	background:#fff;
}
h1
{
	font-family: 'Oswald', sans-serif;
	text-shadow:0px 0px 20px #333;
	font-size:3em;
	letter-spacing:5px;
}
h2
{
	font-family: 'Oswald', sans-serif;
	font-size:20px;
}
h3
{
	font-family: 'Oswald', sans-serif;
	font-size:20px;
}
.principio
{
	width:600px;
	height:30px;
	border-bottom:2px solid #333;
	border-left:0px;
	border-top:0px;
	border-right:0px;
	text-align:center;
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
}
.principio2
{
	width:300px;
	height:30px;
	border-bottom:2px solid #333;
	border-left:0px;
	border-top:0px;
	border-right:0px;
	text-align:center;
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
}
.principio3
{
	width:150px;
	height:30px;
	border-bottom:2px solid #333;
	border-left:0px;
	border-top:0px;
	border-right:0px;
	text-align:center;
	font-size:20px;
	font-family: 'Oswald', sans-serif;
}
.principio4
{
	width:50px;
	height:30px;
	border-bottom:2px solid #333;
	border-left:0px;
	border-top:0px;
	border-right:0px;
	text-align:center;
	font-size:20px;
	font-family: 'Oswald', sans-serif;
}
.principio4
{
	width:50px;
	height:30px;
	border-bottom:2px solid #333;
	border-left:0px;
	border-top:0px;
	border-right:0px;
	text-align:center;
	font-size:20px;
	font-family: 'Oswald', sans-serif;
}
.cuadletter
{
	position:relative;
	top:0px;
	left:0px;
	width:50%;
	height:auto;
	background:#fff;
	color:#000;
	padding:10px;
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	text-align:start;
}
.cuadletter2
{
	position:relative;
	top:0px;
	left:0px;
	width:50%;
	height:auto;
	background:#fff;
	color:#000;
	padding:10px;
	font-family: 'Oswald', sans-serif;
	font-size:18px;
	padding-left:50px;
}
.letter
{
	font-size:20px;
	color:#003;
	font-family: 'Oswald', sans-serif;
}
.cuadlix
{
	position:relative;
	top:0px;
	left:0px;
	background:none;
	width:100%;
	height:auto;
}
.intups
{
	width:40px;
	height:30px;
	text-align:center;
	font-size:25px;
	border:1px solid #333;
}
.leters
{
	font-size:30px;
	font-family: 'Oswald', sans-serif;
}
.butingreso
{
	position:relative;
	top:20px;
	left:0px;
	background:#333;
	width:70%;
	height:50px;
	color:#fff;
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	box-shadow:0px 0px 20px #000;
	letter-spacing:2px;
	cursor:pointer;
}
.butingreso:hover
{
	position:relative;
	top:20px;
	left:0px;
	background:#fff;
	width:70%;
	height:50px;
	color:#000;
	font-size:20px;
	font-family: 'Oswald', sans-serif;
	box-shadow:0px 0px 20px #000;
	letter-spacing:2px;
}
.barra-lateral
{
	position:fixed;
	width:100%;
	height:40px;
	background:#000;
	top:0px;
	left:0px;
	opacity:0.7;
	font-size:20px;
	color:#fff !important;
	text-align:center;
	padding-top:10px;
	text-transform:uppercase;
}
.resp
{
	top:0px;
	left:0px;
	position:relative;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
}
.respp
{
	top:0px;
	left:0px;
	position:relative;
	font-family: 'Oswald', sans-serif;
	font-size:30px;
	width:60px;
	height:60px;
	text-align:center;
}